 html,
 body {
     overflow-x: hidden;
 }

 /* banner图css */
 header .bannerbox .bannerswiper {
     width: 100%;
     height: 100%;
 }

 header .bannerbox .bannerswiper .swiper-slide {
     text-align: center;
     font-size: 18px;
     background: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 header .bannerbox .bannerswiper .swiper-slide img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 header .bannerbox {
     margin-top: 90px;
     width: 100%;
     /* height: calc(100vh - 90px); */
 }

 header .bannerbox .bannerswiper .swiper-button-next,
 header .bannerbox .bannerswiper .swiper-button-prev {
     color: rgb(153, 153, 153);
     display: none;
 }

 header .bannerbox .bannerswiper:hover .swiper-button-next,
 header .bannerbox .bannerswiper:hover .swiper-button-prev {
     display: block;
 }

 header .bannerbox .swiper-pagination .swiper-pagination-bullet {
     width: 14px;
     height: 14px;
     border: 1px solid #ffffff;
     background-color: rgba(0, 0, 0, 0);
     opacity: 1;
 }

 header .bannerbox .swiper-pagination .swiper-pagination-bullet-active {
     width: 14px;
     height: 14px;
     border: 1px solid #ffffff;
     background: #ffffff;
 }

 .new-1440 {
     width: 75vw;
     margin: 0 auto;
 }

 /* pc端导航栏 */
 header .pc_daohangbox {
     width: 100%;
     height: 90px;
     position: fixed;
     top: 0;
     z-index: 100;
     background: #ffffff;
 }

 header .pc_daohangbox .new-1440 .pc_navbox {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 header .pc_daohangbox .new-1440 .pc_navbox .logobox {
     width: 14.285714285714285vw;
 }

 header .pc_daohangbox .new-1440 .pc_navbox .pc_nav_box {
     width: 73.57142857142858vw;
     position: relative;
 }

 header .pc_daohangbox .new-1440 .pc_navbox .pc_nav_box .pc_nav_top {
     display: flex;
     justify-content: start;
     align-items: center;
 }

 header .pc_daohangbox .new-1440 .pc_navbox .pc_nav_box .pc_nav_top .pc_nav {
     width: 100%;
     display: flex;
     justify-content: start;
     align-items: center;
     margin: 0;
 }

 header .pc_daohangbox .new-1440 .pc_navbox .pc_nav_box .pc_nav_top .pc_nav .nav-item {
     width: calc(100% / 7);
     position: relative;
     list-style-type: none;

 }

 header .pc_daohangbox .new-1440 .pc_navbox .pc_nav_box .pc_nav_top .pc_nav .nav-item:nth-child(2) ::after {
     content: "";
     position: absolute;
     /* right: 20%; */
     margin-left: 5px;
     top: calc(50% - 5px);
     width: 7px;
     height: 7px;
     z-index: 10;
     border-top: 1px solid #333333;
     border-left: 1px solid #333333;
     transform: rotateZ(225deg) skew(5deg, 5deg);
 }

 header .pc_daohangbox .new-1440 .pc_navbox .pc_nav_box .pc_nav_top .pc_nav .nav-item:nth-child(3) ::after {
     content: "";
     position: absolute;
     /* right: 11%; */
     margin-left: 5px;

     top: calc(50% - 5px);
     width: 7px;
     height: 7px;
     z-index: 10;
     border-top: 1px solid #333333;
     border-left: 1px solid #333333;
     transform: rotateZ(225deg) skew(5deg, 5deg);
 }

 header .pc_daohangbox .new-1440 .pc_navbox .pc_nav_box .pc_nav_top .pc_nav .nav-item a {
     font-size: 16px;
     line-height: 90px;
     text-decoration: none;
     display: block;
     text-align: center;
     letter-spacing: normal;
     white-space: nowrap;
     padding: 0;
     color: #333333;
 }

 header .pc_daohangbox .new-1440 .pc_navbox .pc_nav_box .pc_nav_top .pc_nav .nav-item:hover a {
     color: #b51219;
 }

 header .pc_daohangbox .new-1440 .pc_navbox .pc_nav_box .pc_nav_top .pc_nav .nav-item:nth-child(2):hover ::after {
     border-top: 1px solid #b51219;
     border-left: 1px solid #b51219;
 }

 header .pc_daohangbox .new-1440 .pc_navbox .pc_nav_box .pc_nav_top .pc_nav .nav-item:nth-child(3):hover ::after {
     border-top: 1px solid #b51219;
     border-left: 1px solid #b51219;
 }

 header .pc_daohangbox .new-1440 .pc_navbox .pc_nav_box .pc_nav_bottom {
     border-top: 1px solid #b51219;
     position: absolute;
     left: 0;
     width: 100%;
     background: #fff;
     padding: 20px;
     display: none;
 }

 header .pc_daohangbox .new-1440 .pc_navbox .pc_nav_box .pc_nav_bottom.show {
     display: block;
 }

 header .pc_daohangbox .new-1440 .pc_navbox .yybbbox {
     width: 8.571428571428571vw;
     text-align: center;
 }

 header .pc_daohangbox .new-1440 .pc_navbox .yybbbox span {
     width: 1px;
     height: 10px;
     background: black;
     display: inline-block;
     margin: 0 5px;
 }

 header .pc_daohangbox .new-1440 .pc_navbox .yybbbox .yybbitem {
     font-size: 16px;
     color: #333;
     text-decoration: none;
 }

 /* pc端二级导航栏 */
 header .pc_daohangbox .new-1440 .pc_navbox .pc_nav_bottom .twoNavitem {
     display: none;
 }

 header .pc_daohangbox .new-1440 .pc_navbox .pc_nav_bottom .twoNavitem.active {
     display: block;
 }

 header .pc_daohangbox .new-1440 .pc_navbox .pc_nav_bottom .twoNavitem .NavItembox {
     display: flex;
     justify-content: start;
     flex-wrap: wrap;
 }

 header .pc_daohangbox .new-1440 .pc_navbox .pc_nav_bottom .twoNavitem .NavItembox .item {
     width: 50%;
     display: flex;
     justify-content: start;
     flex-wrap: wrap;
     margin-bottom: 20px;
     height: 176.44px;
 }

 header .pc_daohangbox .new-1440 .pc_navbox .pc_nav_bottom .twoNavitem .NavItembox .item a {
     width: 100%;
     display: flex;
     justify-content: start;
     flex-wrap: wrap;
     text-decoration: none;
 }

 header .pc_daohangbox .new-1440 .pc_navbox .pc_nav_bottom .twoNavitem .NavItembox .item .img {
     width: 50%;
     position: relative;
     overflow: hidden;
 }

 header .pc_daohangbox .new-1440 .pc_navbox .pc_nav_bottom .twoNavitem .NavItembox .item .img img {
     width: 100%;
     height: 100%;
     position: absolute;
     object-fit: cover;
 }

 header .pc_daohangbox .new-1440 .pc_navbox .pc_nav_bottom .twoNavitem .NavItembox .item .text {
     width: 50%;
     font-size: 14px;
     clear: both;
     color: #333;
     display: block;
     padding: 10px;
     line-height: 90px;
 }

 header .pc_daohangbox .new-1440 .pc_navbox .pc_nav_bottom .twoNavitem .NavItembox .item:hover .text {
     color: #b51219;
 }

 /* 产品解决方案 */
 .product_box {
     position: relative;
 }

 .product_box .new-1440 .titlebox {
     margin-top: 56px;
 }

 .product_box .new-1440 .titlebox .titlelogo {
     position: relative;
     width: 113px;
     height: 25px;
     margin: 0 auto;
 }

 .product_box .new-1440 .titlebox .titlelogo img {
     width: 100%;
     height: 100%;
 }

 .product_box .new-1440 .titlebox .title {
     text-align: center;
     font-size: 36px;
     color: #222222;
     font-weight: bold;
     line-height: 1.8;
 }

 .product_box .new-1440 .product_list .swiper {
     width: 100%;
     height: 100%;
 }

 .product_box .new-1440 .product_list .product_title_item {
     padding: 0 18px;
     border-bottom: 1px solid #e2e2e2;
 }

 .product_box .new-1440 .product_list .product_title_item .icon {
     width: 48px;
     height: 100px;
     text-align: center;
     margin: 0 auto;
     line-height: 100px;
 }

 .product_box .new-1440 .product_list .product_title_item .icon img {
     width: 100%;
 }

 .product_box .new-1440 .product_list .product_title_item .product_title {
     line-height: 100px;
     font-size: 18px;
     letter-spacing: 3px;
     text-align: center;
 }

 .product_box .new-1440 .product_list .mySwiper .swiper-wrapper .swiper-slide:hover .product_title_item .product_title {
     color: #b51219;
 }

 .product_box .new-1440 .product_list .mySwiper .swiper-wrapper .swiper-slide-thumb-active .product_title_item {
     border-bottom: 1px solid #b51219;
 }

 .product_box .new-1440 .product_list .mySwiper .swiper-wrapper .swiper-slide-thumb-active .product_title_item .product_title {
     color: #b51219;
 }

 .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide {
     width: 100%;
 }

 .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide .product_item_box .product_banner {
     width: 100%;
     position: relative;
     margin-top: 35px;
 }


 .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide .product_item_box .product_banner img {
     width: 100%;
 }

 .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide-active .product_item_box .product_banner {
     animation: lightSpeedIn 1.5s;
 }

 .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide .product_item_box .product_banner .textbox {
     position: absolute;
     width: 50%;
     height: 100%;
     right: 0;
     top: 0;
     -webkit-clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%);
     clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%);
     background: #bb121985;
 }

 .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide .product_item_box .product_banner .textbox .text_en {
     text-align: left;
     font-size: 14px;
     color: #ffffff;
     font-weight: normal;
     line-height: 1.8;
     position: absolute;
     top: 105.5px;
     left: 11.8055555555%;
     z-index: 100;
 }

 .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide .product_item_box .product_banner .textbox .text {
     text-align: left;
     font-size: 28px;
     color: #ffffff;
     font-weight: bold;
     line-height: 1.8;
     position: absolute;
     top: 129.5px;
     left: 11.8055555555%;
     z-index: 100;
 }

 .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide .product_item_box .product_item_list {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     /* min-height: 612px; */
     margin-top: 20px;
 }



 .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide-active .product_item_box .product_item_list {
     width: 100%;
     animation: leftTorRight 1.5s;
 }

 .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide .product_item_box .product_item_list .product_item {
     box-shadow: #eeeeee 0px 6px 6px;
     width: 23.5%;
     margin-bottom: 20px;
     /* height: 50%; */
 }

 .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide-active .product_item_box .product_item_list .product_item:hover a {
     color: #222222;
     text-decoration: none;
 }

 .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide .product_item_box .product_item_list .product_item a .imgbox {
     position: relative;
     width: 100%;
     height: 11.5555555555vw;
     overflow: hidden;
     box-sizing: border-box;
     border: 1px solid #f2f2f2;
 }

 .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide .product_item_box .product_item_list .product_item a .imgbox img {
     width: 100%;
     transition: all 0.1s;
 }

 .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide-active .product_item_box .product_item_list .product_item:hover a .imgbox img {
     transform: scale(1.05);
 }

 .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide-active .product_item_box .product_item_list .product_item:hover a .imgbox {
     border: 1px solid rgba(0, 0, 0, 0);
 }

 .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide .product_item_box .product_item_list .product_item a .prroduct_text_title {
     text-align: center;
     font-size: 18px;
     color: #222222;
     margin: 0 auto;
     line-height: 60px;
     background: #fff;
 }

 .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide .product_item_box .product_item_list span {
     width: 23.5%;
     height: 0;
 }

 @keyframes lightSpeedIn {
     0% {
         -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
         transform: translate3d(100%, 0, 0) skewX(-30deg);
         opacity: 0
     }

     60% {
         -webkit-transform: skewX(20deg);
         transform: skewX(20deg)
     }

     60%,
     80% {
         opacity: 1
     }

     80% {
         -webkit-transform: skewX(-5deg);
         transform: skewX(-5deg)
     }

     to {
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 @-webkit-keyframes lightSpeedIn {
     0% {
         -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
         transform: translate3d(100%, 0, 0) skewX(-30deg);
         opacity: 0
     }

     60% {
         -webkit-transform: skewX(20deg);
         transform: skewX(20deg)
     }

     60%,
     80% {
         opacity: 1
     }

     80% {
         -webkit-transform: skewX(-5deg);
         transform: skewX(-5deg)
     }

     to {
         -webkit-transform: none;
         transform: none;
         opacity: 1
     }
 }

 @keyframes leftTorRight {
     0% {
         transform: translateX(-100%);
         opacity: 0;
     }

     100% {
         transform: translateX(0%);
         opacity: 1;
     }
 }

 @-webkit-keyframes leftTorRight {
     0% {
         transform: translateX(-100%);
         opacity: 0;
     }

     100% {
         transform: translateX(0%);
         opacity: 1;
     }
 }

 @keyframes TopTorBottom {
     0% {
         transform: translateY(-100%);
         opacity: 0;
     }

     100% {
         transform: translateY(0%);
         opacity: 1;
     }
 }

 @-webkit-keyframes TopTorBottom {
     0% {
         transform: translateY(-100%);
         opacity: 0;
     }

     100% {
         transform: translateY(0%);
         opacity: 1;
     }
 }

 @keyframes leftTorRight2 {

     0%,
     60%,
     75%,
     90%,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(-3000px, 0, 0);
         transform: translate3d(-3000px, 0, 0)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(25px, 0, 0);
         transform: translate3d(25px, 0, 0)
     }

     75% {
         -webkit-transform: translate3d(-10px, 0, 0);
         transform: translate3d(-10px, 0, 0)
     }

     90% {
         -webkit-transform: translate3d(5px, 0, 0);
         transform: translate3d(5px, 0, 0)
     }

     to {
         -webkit-transform: none;
         transform: none
     }
 }

 @-webkit-keyframes leftTorRight2 {

     0%,
     60%,
     75%,
     90%,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(-3000px, 0, 0);
         transform: translate3d(-3000px, 0, 0)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(25px, 0, 0);
         transform: translate3d(25px, 0, 0)
     }

     75% {
         -webkit-transform: translate3d(-10px, 0, 0);
         transform: translate3d(-10px, 0, 0)
     }

     90% {
         -webkit-transform: translate3d(5px, 0, 0);
         transform: translate3d(5px, 0, 0)
     }

     to {
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes RightToleft {
     0% {
         transform: translateX(100%);
         opacity: 0;
     }

     100% {
         transform: translateY(0%);
         opacity: 1;
     }
 }

 @-webkit-keyframes RightToleft {
     0% {
         transform: translateX(100%);
         opacity: 0;
     }

     100% {
         transform: translateY(0%);
         opacity: 1;
     }
 }


 @-webkit-keyframes RightToleft2 {

     0%,
     60%,
     75%,
     90%,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(3000px, 0, 0);
         transform: translate3d(3000px, 0, 0)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(-25px, 0, 0);
         transform: translate3d(-25px, 0, 0)
     }

     75% {
         -webkit-transform: translate3d(10px, 0, 0);
         transform: translate3d(10px, 0, 0)
     }

     90% {
         -webkit-transform: translate3d(-5px, 0, 0);
         transform: translate3d(-5px, 0, 0)
     }

     to {
         -webkit-transform: none;
         transform: none
     }
 }

 @keyframes RightToleft2 {

     0%,
     60%,
     75%,
     90%,
     to {
         -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
         animation-timing-function: cubic-bezier(.215, .61, .355, 1)
     }

     0% {
         opacity: 0;
         -webkit-transform: translate3d(3000px, 0, 0);
         transform: translate3d(3000px, 0, 0)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(-25px, 0, 0);
         transform: translate3d(-25px, 0, 0)
     }

     75% {
         -webkit-transform: translate3d(10px, 0, 0);
         transform: translate3d(10px, 0, 0)
     }

     90% {
         -webkit-transform: translate3d(-5px, 0, 0);
         transform: translate3d(-5px, 0, 0)
     }

     to {
         -webkit-transform: none;
         transform: none
     }
 }


 .product_box .new-1440 .product_list .mySwiper2 .swiper-button-next {
     width: 11px;
     color: #999999;
     display: none;
 }

 .product_box .new-1440 .product_list .mySwiper2 .swiper-button-next::after {
     font-size: 32px;
 }

 .product_box .new-1440 .product_list .mySwiper2 .swiper-button-prev {
     width: 11px;
     color: #999999;
     display: none;
 }

 .product_box .new-1440 .product_list .mySwiper2 .swiper-button-prev::after {
     font-size: 32px;
 }

 .product_box .new-1440 .product_list .mySwiper2:hover .swiper-button-next {
     display: block;
 }

 .product_box .new-1440 .product_list .mySwiper2:hover .swiper-button-prev {
     display: block;
 }

 .product_box .new-1440 .morebox {
     width: 200px;
     line-height: 50px;
     background: #bb1219;
     font-size: 14px;
     border-radius: 31px;
     letter-spacing: 10px;
     margin: 30px auto 70px;
     border: 1px solid #bb1219;
 }

 .product_box .new-1440 .morebox a {
     color: #ffffff;
     text-align: center;
 }

 .product_box .new-1440 .morebox:hover {
     background: #ffffff;
     border: 1px solid #bb1219;
 }

 .product_box .new-1440 .morebox:hover a {
     text-decoration: none;
     color: #bb1219;
 }

 /* 以“稳定”推动核心生产力 */
 .jjfabox {
     background: url(../img/jjfa_bg.jpg);
     background-attachment: fixed;
     height: 633px;
     display: block;
     position: relative;
     width: 100%;
 }

 .jjfabox .new-1440 {
     padding-top: 83px;
     position: relative;
 }

 .jjfabox .new-1440 .title {
     width: 30vw;
     text-align: center;
     font-size: 36px;
     color: #fbff19;
     font-weight: bold;
     line-height: 1.8;
     position: relative;
     margin: 0 auto;
     transform: translateY(-100%);
     opacity: 0;
 }

 .jjfabox .new-1440 .title2 {
     width: 55vw;
     text-align: center;
     font-size: 36px;
     color: #ffffff;
     font-weight: bold;
     line-height: 1.8;
     position: relative;
     margin: 10px auto 0;
     display: block;
     transform: translateX(-100%);
     opacity: 0;
 }

 .jjfabox .new-1440 .jianjie {
     width: 49.89583333333vw;
     line-height: 1.8;
     text-align: center;
     font-size: 16px;
     color: #ffffff;
     font-weight: normal;
     margin: 45px auto 0;
 }

 .jjfabox .new-1440 .morebox {
     width: 200px;
     line-height: 50px;
     background: #bb1219;
     font-size: 14px;
     border-radius: 31px;
     letter-spacing: 10px;
     margin: 64px auto 0;
     border: 1px solid #bb1219;
 }

 .jjfabox .new-1440 .morebox a {
     color: #ffffff;
     text-align: center;
 }

 .jjfabox .new-1440 .morebox:hover {
     background: #ffffff00;
     border: 1px solid #ffffff;
 }

 .jjfabox .new-1440 .morebox:hover a {
     text-decoration: none;
     color: #ffffff;
 }

 /* 走近多麦智能 */
 .aboutUsbox {
     padding: 105px 0;
 }

 .aboutUsbox .new-1440 .aboutUs_top {
     display: flex;
     flex-wrap: wrap;
     position: relative;
 }

 .aboutUsbox .new-1440 .aboutUs_top .aboutl {
     width: 50%;
 }

 .aboutUsbox .new-1440 .aboutUs_top .aboutl .abouttitle_en {
     text-align: left;
     font-size: 24px;
     color: #aaaaaa;
     font-weight: normal;
     line-height: 1.8;
 }

 .aboutUsbox .new-1440 .aboutUs_top .aboutl .aboutUs_title {
     text-align: left;
     font-size: 36px;
     color: #222222;
     font-weight: bold;
     line-height: 1.8;
     transform: translateX(-100%);
     opacity: 0;
 }

 .aboutUsbox .new-1440 .aboutUs_top .aboutl .aboutUs_text1 {
     width: 89.4444444444%;
     font-size: 16px;
     color: #666666;
     line-height: 1.8;
     margin-top: 65px;
     transform: translateX(-100%);
     opacity: 0;
 }

 .aboutUsbox .new-1440 .aboutUs_top .aboutl .aboutUs_text2 {
     width: 89.4444444444%;
     font-size: 16px;
     color: #666666;
     line-height: 1.8;
     margin-top: 40px;
     transform: translateX(-100%);
     opacity: 0;
 }

 .aboutUsbox .new-1440 .aboutUs_top .aboutr {
     width: 50%;
     padding-top: 10px;
 }


 .aboutUsbox .new-1440 .aboutUs_top .aboutr .imgbox {
     width: 100%;
     overflow: hidden;
 }

 .aboutUsbox .new-1440 .aboutUs_top .morebox {
     width: 125px;
     height: 40px;
     background: #bb1219;
     color: #ffffff;
     border-radius: 6px;
     box-shadow: #e5e5e5 0px 0px 10px;
     line-height: 40px;
     position: absolute;
     left: 0;
     bottom: 0;
 }

 .aboutUsbox .new-1440 .aboutUs_top .morebox a {
     color: #ffffff;
     text-align: center;
 }

 .aboutUsbox .new-1440 .aboutUs_top .morebox:hover {
     background: #ffffff00;
     border: 1px solid #bb1219;
 }

 .aboutUsbox .new-1440 .aboutUs_top .morebox:hover a {
     text-decoration: none;
     color: #bb1219;
 }

 .aboutUsbox .new-1440 .aboutUs_bottom {
     width: 100%;
     height: 104px;
     display: flex;
     justify-content: space-between;
     letter-spacing: 6px;
     margin-top: 70px;
 }

 .aboutUsbox .new-1440 .aboutUs_bottom .aboutUs_bottom_item {
     width: calc(100% / 3 - 256px/3);
 }

 .aboutUsbox .new-1440 .aboutUs_bottom .aboutUs_bottom_item .itembox {
     width: 100%;
     letter-spacing: 6px;
     color: #333333;
     font-size: 16px;
     text-align: center;
     letter-spacing: 6px;
     border-bottom: 1px solid #e5e5e5;
     padding: 16px;
     height: 100%;
 }

 .aboutUsbox .new-1440 .aboutUs_bottom .aboutUs_bottom_item.active .itembox {
     color: #b51219;
     border-bottom: 1px solid #b51219;
 }

 .aboutUsbox .new-1440 .aboutUs_bottom .aboutUs_bottom_item .itembox .item {
     position: relative;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
 }

 .aboutUsbox .new-1440 .aboutUs_bottom .aboutUs_bottom_item .itembox .item .icon {
     width: 20px;
     height: 20px;
     margin: 0 auto;
     /* background-color: #999999; */
 }

 .aboutUsbox .new-1440 .aboutUs_bottom .aboutUs_bottom_item .itembox .item .title {
     padding-top: 8px;
 }

 .aboutUsbox .new-1440 .aboutUs_bottom .aboutUs_bottom_item .dbwz {
     text-align: center;
     font-size: 14px;
     color: #aaaaaa;
     font-weight: normal;
     line-height: 1.8;
     margin-top: 7px;
     letter-spacing: 1px;
     transform: translateY(100%);
     transition: all 1s;
     opacity: 0;
 }

 .aboutUsbox .new-1440 .aboutUs_bottom .aboutUs_bottom_item.active .dbwz {
     transform: translateY(0%);
     opacity: 1;
 }

 .khxlxzbox {
     padding: 75px 0;
     background: #f9f9f9;
 }

 .khxlxzbox .new-1440 .titlebox .titleTop {
     text-align: center;
 }

 .khxlxzbox .new-1440 .titlebox .titleTop .title_logo img {
     width: 113px;
     height: 25px;
 }

 .khxlxzbox .new-1440 .titlebox .titleBottom {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .khxlxzbox .new-1440 .titlebox .titleBottom .num {
     text-align: center;
     font-size: 56px;
     color: #b51219;
     font-weight: bold;
     line-height: 1.8;
     transform: translateX(-100%);
     opacity: 0;
 }




 .khxlxzbox .new-1440 .titlebox .titleBottom .text {
     text-align: center;
     font-size: 36px;
     color: #222222;
     font-weight: bold;
     line-height: 1.8;
     margin-left: 10px;
 }

 .khxlxzbox .new-1440 .contentbox {
     margin: 70px 0 0 0;
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     transform: translateX(-100%);
     opacity: 0;
 }

 .khxlxzbox .new-1440 .contentbox .itembox {
     width: 18.4%;
     border-radius: 6px;
     margin-bottom: 2%;
     background: #f6f6f6;
     overflow: hidden !important;
     border: 1px solid #ffffff00;
 }

 .khxlxzbox .new-1440 .contentbox .itembox:hover {
     border: 1px solid #b51219;
     box-shadow: #cccccc 0px 0px 10px;
 }

 .khxlxzbox .new-1440 .contentbox .itembox .img {
     height: calc(100% - 30px);
     overflow: hidden;
 }

 .khxlxzbox .new-1440 .contentbox .itembox .img img {
     width: 100%;
     transition: all 0.5s;
 }

 .khxlxzbox .new-1440 .contentbox .itembox:hover .img img {
     transform: scale(1.1);
 }

 .khxlxzbox .new-1440 .contentbox .itembox .text {
     width: 100%;
     text-align: center;
     height: 30px;
     line-height: 30px;
     background: #ffffff;
     color: #333333;
     letter-spacing: 4px;
     font-size: 14px;
 }

 .khxlxzbox .new-1440 .morebox {
     width: 280px;
     height: 50px;
     text-align: center;
     background: #bb1219;
     font-size: 14px;
     border-radius: 31px;
     letter-spacing: 5px;
     line-height: 50px;
     margin: 50px auto 0;
     animation: tiaodong 1s infinite;
 }

 .khxlxzbox .new-1440 .morebox a {
     color: #ffffff;
     text-decoration: none;
 }

 .khxlxzbox .new-1440 .morebox:hover {
     background: #ffffff;
     box-shadow: #ff5b5b 0px 0px 10px;
     border: 1px solid #bb1219;
 }

 .khxlxzbox .new-1440 .morebox:hover a {
     color: #bb1219;
     text-decoration: none;
 }

 @-webkit-keyframes tiaodong {

     0%,
     11.1%,
     to {
         -webkit-transform: none;
         transform: none
     }

     22.2% {
         -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
         transform: skewX(-12.5deg) skewY(-12.5deg)
     }

     33.3% {
         -webkit-transform: skewX(6.25deg) skewY(6.25deg);
         transform: skewX(6.25deg) skewY(6.25deg)
     }

     44.4% {
         -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
         transform: skewX(-3.125deg) skewY(-3.125deg)
     }

     55.5% {
         -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
         transform: skewX(1.5625deg) skewY(1.5625deg)
     }

     66.6% {
         -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
         transform: skewX(-.78125deg) skewY(-.78125deg)
     }

     77.7% {
         -webkit-transform: skewX(.390625deg) skewY(.390625deg);
         transform: skewX(.390625deg) skewY(.390625deg)
     }

     88.8% {
         -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
         transform: skewX(-.1953125deg) skewY(-.1953125deg)
     }
 }

 /* 品牌动态和社会责任 */
 .NewsAndShzrbox {
     padding: 100px 0;
 }

 .NewsAndShzrbox .new-1440 {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
 }

 .NewsAndShzrbox .new-1440 .Newsbox {
     width: 50%;
     padding-right: 68px;
 }

 .NewsAndShzrbox .new-1440 .Newsbox .titlebox .titlebox_en {
     font-size: 24px;
     color: #aaaaaa;
     font-weight: normal;
     line-height: 1.8;
 }

 .NewsAndShzrbox .new-1440 .Newsbox .titlebox .titlebox .title {
     transform: translateX(100%);
     opacity: 0;
 }


 .NewsAndShzrbox .new-1440 .Newsbox .titlebox .titlebox {
     text-align: left;
     font-size: 36px;
     color: #222222;
     font-weight: bold;
     line-height: 1.8;
     display: flex;
     justify-content: space-between;
 }

 .NewsAndShzrbox .new-1440 .Newsbox .titlebox .titlebox .icon {
     width: 48px;
     height: 48px;
     position: relative;
 }

 .NewsAndShzrbox .new-1440 .Newsbox .titlebox .titlebox .icon::before {
     content: "";
     position: absolute;
     right: calc(0% + 13px);
     top: calc(100% - 5px);
     width: 10px;
     height: 10px;
     z-index: 10;
     border-bottom: 2px solid #333333;
     border-right: 2px solid #333333;
     transform: rotateZ(-45deg) skew(5deg,
             5deg);
 }

 .NewsAndShzrbox .new-1440 .Newsbox .titlebox .titlebox .icon::after {
     content: "";
     position: absolute;
     right: 0%;
     top: calc(100%);
     width: 24px;
     height: 2px;
     z-index: 9;
     background-color: #333333;
     transform: translate(-50%, -50%);
 }

 .NewsAndShzrbox .new-1440 .Newsbox .Newsitembox {
     margin-top: 90px;
 }

 .NewsAndShzrbox .new-1440 .Newsbox .Newsitembox .itembox {
     display: flex;
     justify-content: start;
     margin: 20px 0 10px 0;
     padding-bottom: 10px;
     border-bottom: 1px solid #eee;
     background: #fff;
 }

 .NewsAndShzrbox .new-1440 .Newsbox .Newsitembox .itembox .imgbox {
     width: 180px;
     height: 120px;
     overflow: hidden;
     margin-right: 10px;
 }

 .NewsAndShzrbox .new-1440 .Newsbox .Newsitembox .itembox .imgbox img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: .2s;
 }

 .NewsAndShzrbox .new-1440 .Newsbox .Newsitembox .itembox:hover .imgbox img {
     transform: scale(1.03);
 }

 .NewsAndShzrbox .new-1440 .Newsbox .Newsitembox .itembox .textbox {
     width: calc(100% - 180px);
 }

 .NewsAndShzrbox .new-1440 .Newsbox .Newsitembox .itembox .textbox .titlebox {
     display: flex;
     justify-content: space-between;
 }

 .NewsAndShzrbox .new-1440 .Newsbox .Newsitembox .itembox .textbox .titlebox a {
     padding: 2px 0;
     text-decoration: none;
     line-height: 1.4;
     font-size: 16px;
     color: #333;
 }

 .NewsAndShzrbox .new-1440 .Newsbox .Newsitembox .itembox:hover .textbox .titlebox a {
     color: #bb1219;
 }

 .NewsAndShzrbox .new-1440 .Newsbox .Newsitembox .itembox .textbox .titlebox .date {
     text-align: right;
     color: #cccccc;
     font-size: 12px;
     white-space: nowrap;

     padding: 0 2px;
     line-height: 2;
 }

 .NewsAndShzrbox .new-1440 .Newsbox .Newsitembox .itembox .textbox .centent {
     width: 100%;
     padding: 12px 0 30px 0;
     color: #aaa;
     font-size: 12px;
     line-height: 1.6;
 }

 .NewsAndShzrbox .new-1440 .Newsbox .Newsitembox .itembox .textbox .morebox {
     width: 75px;
     height: 30px;
     margin: 5px 0 10px 0;
     border: 1px solid #ddd;
     text-align: center;
     line-height: 30px;
 }

 .NewsAndShzrbox .new-1440 .Newsbox .Newsitembox .itembox .textbox .morebox a {
     text-decoration: none;
     color: #666666;
     font-size: 12px;
 }

 .NewsAndShzrbox .new-1440 .Newsbox .Newsitembox .itembox .textbox .morebox:hover {
     width: 75px;
     height: 30px;
     margin: 5px 0 10px 0;
     border: 1px solid #b51219;
     text-align: center;
     line-height: 30px;
 }

 .NewsAndShzrbox .new-1440 .Newsbox .Newsitembox .itembox .textbox .morebox:hover a {
     text-decoration: none;
     color: #b51219;
 }

 .NewsAndShzrbox .new-1440 .Shzrbox {
     width: 50%;
 }

 .NewsAndShzrbox .new-1440 .Shzrbox .titlebox .titlebox_en {
     font-size: 24px;
     color: #aaaaaa;
     font-weight: normal;
     line-height: 1.8;
 }

 .NewsAndShzrbox .new-1440 .Shzrbox .titlebox .titlebox {
     text-align: left;
     font-size: 36px;
     color: #222222;
     font-weight: bold;
     line-height: 1.8;
     display: flex;
     justify-content: space-between;

 }

 .NewsAndShzrbox .new-1440 .Shzrbox .titlebox .titlebox .title {
     transform: translateX(100%);
     opacity: 0;
 }

 .NewsAndShzrbox .new-1440 .Shzrbox .titlebox .titlebox .icon {
     width: 48px;
     height: 48px;
     position: relative;
 }

 .NewsAndShzrbox .new-1440 .Shzrbox .titlebox .titlebox .icon::before {
     content: "";
     position: absolute;
     right: calc(0% + 13px);
     top: calc(100% - 5px);
     width: 10px;
     height: 10px;
     z-index: 10;
     border-bottom: 2px solid #333333;
     border-right: 2px solid #333333;
     transform: rotateZ(-45deg) skew(5deg,
             5deg);
 }

 .NewsAndShzrbox .new-1440 .Shzrbox .titlebox .titlebox .icon::after {
     content: "";
     position: absolute;
     right: 0%;
     top: calc(100%);
     width: 24px;
     height: 2px;
     z-index: 9;
     background-color: #333333;
     transform: translate(-50%, -50%);
 }

 .NewsAndShzrbox .new-1440 .Shzrbox .Shzritembox {
     margin-top: 90px;
     position: relative;
     transform: translateX(100%);
     opacity: 0;
 }

 .NewsAndShzrbox .new-1440 .Shzrbox .Shzritembox .itembox {
     display: flex;
     justify-content: start;
 }

 .NewsAndShzrbox .new-1440 .Shzrbox .Shzritembox .itembox .itemleft {
     width: 180px;
     padding-right: 24px;
     text-align: right;
     border-right: 1px solid #dddddd;
 }

 .NewsAndShzrbox .new-1440 .Shzrbox .Shzritembox .itembox .itemleft .datebox {
     color: #666666;
     font-size: 14px;
     text-align: right;
 }

 .NewsAndShzrbox .new-1440 .Shzrbox .Shzritembox .itembox .itemleft .imgbox {
     width: 156px;
     height: 156px;
     overflow: hidden;
     transition: 0.2s;
 }

 .NewsAndShzrbox .new-1440 .Shzrbox .Shzritembox .itembox .itemleft:hover .imgbox {
     transform: scale(1.05);
 }

 .NewsAndShzrbox .new-1440 .Shzrbox .Shzritembox .itembox .itemleft .imgbox img {
     width: 100%;
 }

 .NewsAndShzrbox .new-1440 .Shzrbox .Shzritembox .itembox .itemright {
     padding-left: 24px;
     padding-bottom: 36px;
     position: relative;
 }

 .NewsAndShzrbox .new-1440 .Shzrbox .Shzritembox .itembox .itemright::before {
     content: '';
     display: block;
     width: 14px;
     height: 14px;
     border-radius: 10px;
     position: absolute;
     top: 4px;
     left: -8px;
     background-color: #ddd;
 }

 .NewsAndShzrbox .new-1440 .Shzrbox .Shzritembox .itembox .itemright .title a {
     color: rgb(51, 51, 51);
     font-size: 18px;
 }

 .NewsAndShzrbox .new-1440 .Shzrbox .Shzritembox .itembox:hover .itemright .title a {
     color: #b51219;
 }

 .NewsAndShzrbox .new-1440 .Shzrbox .Shzritembox .itembox .itemright .line {
     height: 4px !important;
     width: 40px;
     background: rgb(181, 18, 25);
     border-radius: 6px;
     margin: 10px 0 12px 0;
 }

 .NewsAndShzrbox .new-1440 .Shzrbox .Shzritembox .itembox .itemright .content {
     margin: 3px 0 2px 0;
     font-size: 14px;
     color: #999;
 }

 .NewsAndShzrbox .new-1440 .Shzrbox .Shzritembox .itembox .itemright .morebox {
     width: 164px;
     margin-top: 38px;
     height: 42px;
     background: rgb(181, 18, 25);
     text-align: center;
     border-radius: 6px;
 }

 .NewsAndShzrbox .new-1440 .Shzrbox .Shzritembox .itembox .itemright .morebox:hover {
     background: #ffffff;
     border: 1px solid #b51219;
 }

 .NewsAndShzrbox .new-1440 .Shzrbox .Shzritembox .itembox .itemright .morebox a {
     text-decoration: none;
     color: #ffffff;
     line-height: 42px;
     font-size: 16px;
     text-align: center;
 }

 .NewsAndShzrbox .new-1440 .Shzrbox .Shzritembox .itembox .itemright .morebox:hover a {
     color: #b51219;
 }

 footer {
     width: 100%;
     background: #222222;
     padding: 30px 0 50px 0;
 }

 footer .new-1440 .footer_box_top {
     display: flex;
     justify-content: center;
     border-bottom: 1px solid #666666;
 }

 footer .new-1440 .footer_box_top .top_left {
     width: 45%;
 }

 footer .new-1440 .footer_box_top .top_left .footerlogo {
     width: 209px;
     height: 71px;
     margin-bottom: 10px;
 }

 footer .new-1440 .footer_box_top .top_left .footerlogo img {
     width: 100%;
 }

 footer .new-1440 .footer_box_top .top_left .footer_text {
     color: #666666;
     font-size: 12px;
     text-align: left;
 }

 footer .new-1440 .footer_box_top .top_right {
     width: 55%;
     position: relative;
 }

 footer .new-1440 .footer_box_top .top_right .formbox {
     width: 100%;
 }

 footer .new-1440 .footer_box_top .top_right .formbox form {
     display: flex;
     justify-content: space-between;
 }

 footer .new-1440 .footer_box_top .top_right .formbox .formitem {
     display: flex;
     justify-content: start;
     align-items: center;
 }

 footer .new-1440 .footer_box_top .top_right .formbox .formitem .icon {
     width: 38.89px;
     height: 38.89px;
     /* background-color: #333333; */
     text-align: center;
 }

 footer .new-1440 .footer_box_top .top_right .formbox .formitem .icon img {
     width: 20px;
     height: 20px;
     margin: 9px auto;

 }

 footer .new-1440 .footer_box_top .top_right .formbox .formitem input {
     background: transparent;
     border-top: none !important;
     border-right: none !important;
     border-left: none !important;
     color: #ffffff;
     width: 181px;
     color: #ffffff;
     padding: 6px;
     outline: none;
     border: 1px #ccc solid;
     box-sizing: border-box;
     font-size: 14px;
     height: 36px;
 }

 footer .new-1440 .footer_box_top .top_right .formbox .submit {
     width: 150px;
     height: 36px;
     border: 0;
     background: #b51219;
     color: #ffffff;
     font-size: 12px;
 }

 footer .new-1440 .footer_box_top .top_right .lxwmbox {
     display: flex;
     justify-content: space-between;
     margin: 30px 0;
 }

 footer .new-1440 .footer_box_top .top_right .lxwmbox span {
     width: 20px;
     height: 0;

 }

 footer .new-1440 .footer_box_top .top_right .lxwmbox .itembox {
     display: flex;
     justify-content: start;
     line-height: 38px;
     align-items: center;
 }

 footer .new-1440 .footer_box_top .top_right .lxwmbox .itembox:last-child {
     /* margin-left: 100px; */
 }

 footer .new-1440 .footer_box_top .top_right .lxwmbox .itembox .icon {
     width: 38.89px;
     height: 38.89px;
     /* background-color: #333333; */
     text-align: center;
 }

 footer .new-1440 .footer_box_top .top_right .lxwmbox .itembox .icon img {
     width: 20px;
     height: 20px;
     margin: 9px auto;
 }

 footer .new-1440 .footer_box_top .top_right .lxwmbox .itembox .text {
     color: #ffffff;
     font-size: 14px;
     text-align: left;
     width: calc(100% - 38.89px);
     min-width: 181px;
 }

 footer .new-1440 .footer_box_middle {
     display: flex;
     justify-content: start;
     padding-top: 50px;
 }

 footer .new-1440 .footer_box_middle .middle_left {
     width: 26.38888888888%;
     display: flex;
     justify-content: space-between;
 }

 footer .new-1440 .footer_box_middle .middle_left .erweimabox {
     padding: 20px;
 }

 footer .new-1440 .footer_box_middle .middle_left .erweimabox .ewm {
     width: 125px;
 }

 footer .new-1440 .footer_box_middle .middle_left .erweimabox .ewm img {
     width: 100%;
 }

 footer .new-1440 .footer_box_middle .middle_left .erweimabox .text {
     color: #ffffff;
     font-size: 14px;
     text-align: center;
     line-height: 1.8;
     margin-top: 10px;
 }

 footer .new-1440 .footer_box_middle .middle_right {
     width: calc(100% - 26.38888888%);
     display: flex;
     justify-content: space-around;
     padding: 0 5vw;
 }

 footer .new-1440 .footer_box_middle .middle_right .columnbox .title a {
     color: #ffffff;
     height: 36px;
     font-size: 14px;
     line-height: 40px;
 }

 footer .new-1440 .footer_box_middle .middle_right .columnbox .item li {
     list-style-type: none;
 }

 footer .new-1440 .footer_box_middle .middle_right .columnbox .item a {
     color: #cccccc;
     font-size: 12px;
     height: 30px;
     line-height: 30px;
     display: block;
 }

 footer .new-1440 .footer_box_bottom {
     width: 100%;
     height: 40px;
     display: flex;
     justify-content: space-between;
     background: #000000;
     padding: 0 20px;
 }

 footer .new-1440 .footer_box_bottom .bqbox {
     color: #666666;
     font-size: 12px;
     line-height: 40px;
 }

 footer .new-1440 .footer_box_bottom .jszcbox {
     color: #666666;
     font-size: 12px;
     line-height: 40px;
     text-decoration: none;
 }

 footer .new-1440 .footer_box_bottom .jszcbox a {
     color: #666666;
     text-decoration: none;
 }



 footer .new-1440 .footer_box_bottom .beianbox a {
     color: #666666;
     font-size: 12px;
     line-height: 40px;
 }

 footer .new-1440 .yqlxbox {
     color: #666666;
     font-size: 12px;
     margin: 10px auto;
     text-align: center;
 }

 footer .new-1440 .yqlxbox a {
     color: #666666;
     font-size: 12px;
 }

 .h5_navbox {
     display: none;
 }

 /* 右侧栏 */
 .toTopbox {
     width: 36px;
     position: fixed;
     box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);
     top: 50%;
     right: 0;
     background: #fff;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     z-index: 10000;

 }

 .toTopbox .item {
     padding: 10px;
     margin: 7px 0;
     position: relative;
 }

 .toTopbox .line {
     height: 1px;
     background: #ccc;
     width: 17px;
     margin: 10px auto;
 }



 .toTopbox .item .icon {
     width: 16px;
     height: 16px;
     background-size: 100% !important;
     background-repeat: no-repeat;
 }


 .toTopbox .item1 .icon {
     background-image: url(../img/totop_icon1.png);
 }

 .toTopbox .item:hover {
     background: #bb1219;
 }

 .toTopbox .item1:hover .icon {
     background-image: url(../img/totop_icon1_1.png);
 }

 .toTopbox .item1 .text {
     margin-top: 5px;
     line-height: 1.2;
     font-size: 14px;
     color: #808080;
 }

 .toTopbox .item1:hover .text {
     font-size: 14px;
     color: #ffffff;
     line-height: 1.2;
     font-size: 14px;

 }

 .toTopbox .item2 .icon {
     background-image: url(../img/totop_icon2.png);
 }

 .toTopbox .item2:hover .icon {
     background-image: url(../img/totop_icon2_1.png);
 }

 .toTopbox .item3 .icon {
     background-image: url(../img/totop_icon3.png);
 }

 .toTopbox .item3:hover .icon {
     background-image: url(../img/totop_icon3_1.png);
 }

 .toTopbox .item4 .icon {
     background-image: url(../img/totop_icon4.png);
 }

 .toTopbox .item4:hover .icon {
     background-image: url(../img/totop_icon4_1.png);
 }

 .toTopbox .item1 .showbox {
     display: none;
     position: absolute;
     right: 100%;
     top: 0;
     width: 220px;
     padding-bottom: 20px;
     width: 250px;
 }

 .toTopbox .item1:hover .showbox {
     display: block;
 }

 .toTopbox .item1 .showbox .contant {
     background: #bb1219;
     border-radius: 10px 0 10px 10px;
     padding-bottom: 20px;
     max-height: 300px;
     overflow-x: hidden;
 }

 .toTopbox .item1 .showbox .contant .title {
     border-bottom: 1px solid rgba(255, 255, 255, .5);
     text-align: center;
     padding: 14px 0;
     color: #fff;
     font-size: 14px;
 }

 .toTopbox .item1 .showbox .contant .dianhuabox {
     padding: 12px 10px;
     overflow: hidden;
     border-bottom: 1px dashed rgba(255, 255, 255, .5);
     color: #fff;
     font-size: 14px;
     margin: 0 15px;
     display: flex;
     align-items: center;
 }



 .toTopbox .item1 .showbox .contant .dianhuabox .iconbox {
     float: left;
     margin-top: 5px;
     vertical-align: top;
     width: 16px;
     height: 16px;
 }

 .toTopbox .item1 .showbox .contant .dianhuabox .iconbox .icon {
     background-image: url(../img/totop_icon1_2.png);
 }

 .toTopbox .item1 .showbox .contant .dianhuabox .text_box {
     padding-left: 10px;
     width: calc(100% - 16px);
 }

 .toTopbox .item1 .showbox .contant .dianhuabox .text_box .text {
     color: #ffffff;
 }

 .toTopbox .item1 .showbox .contant .emailbox {
     padding: 12px 10px;
     overflow: hidden;
     color: #fff;
     font-size: 14px;
     margin: 0 15px;
     display: flex;
     align-items: center;
 }

 .toTopbox .item1 .showbox .contant .emailbox .iconbox {
     margin-top: 5px;
     vertical-align: top;
     width: 16px;
     height: 16px;
 }

 .toTopbox .item1 .showbox .contant .emailbox .iconbox .icon {
     background-image: url(../img/totop_icon1_3.png);
     float: left;

 }

 .toTopbox .item1 .showbox .contant .emailbox .text_box {
     padding-left: 10px;
     width: calc(100% - 16px);
 }

 .toTopbox .item1 .showbox .contant .emailbox .text_box .text {
     color: #ffffff;

 }

 .toTopbox .item2 .showbox {
     display: none;
     position: absolute;
     right: 100%;
     top: 0;
     width: 220px;
     padding-bottom: 20px;
     width: 250px;
 }

 .toTopbox .item:hover .showbox {
     display: block;
 }

 .toTopbox .item2 .showbox .text {
     background-color: #bb1219;
     color: #fff;
     border-radius: 50px 0 0 50px;
     padding: 0;
     height: 36px;
     text-align: center;
     line-height: 36px;
     font-size: 14px;
 }

 .toTopbox .item3 .showbox {
     display: none;
     position: absolute;
     right: 100%;
     top: 0;
     width: 220px;
     padding-bottom: 20px;

 }

 .toTopbox .item3:hover .showbox {
     display: block;
 }

 .toTopbox .item3 .showbox .contant {
     border-radius: 10px 0 0 10px;
     background: #bb1219;
     padding: 20px 0 15px;
     text-align: center;
     max-height: 300px;
     overflow-x: hidden;
 }

 .toTopbox .item3 .showbox .contant .ewm {
     width: 135px;
     height: 135px;
     overflow: hidden;
     margin: 0 auto;
 }

 .toTopbox .item3 .showbox .contant .ewm img {
     width: 100%;
 }

 .toTopbox .item3 .showbox .contant .title {
     color: #fff;
     font-size: 16px;
     margin-top: 20px;
 }

 .toTopbox2 {
     right: 50px;
     left: auto;
     z-index: 999999;
     top: auto;
     bottom: 50px;
     width: 50px;
     height: 50px;
     position: fixed;
 }

 .toTopbox2 img {
     width: 100%;
 }

 .footer_nav {
     display: none;
 }


 /* 英文版 */
 .index_en .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide .product_item_box .product_banner .textbox .text {
     text-align: left;
     font-size: 28px;
     color: #ffffff;
     font-weight: bold;
     line-height: 1.8;
     position: absolute;
     top: 78px;
     left: 11.8055555555%;
     z-index: 100;
 }

 .index_en .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide .product_item_box .product_banner .textbox .text_en {
     text-align: left;
     font-size: 14px;
     color: #ffffff;
     font-weight: normal;
     line-height: 1.8;
     position: absolute;
     top: 196px;
     left: 11.8055555555%;
     z-index: 100;
 }

 .index_en .product_box .new-1440 .titlebox .title {
     margin-top: 20px;
 }

 .index_en .product_box .new-1440 .product_list {
     margin-top: 55px;
 }

 .index_en .product_box .new-1440 .product_list .product_title_item .icon {
     line-height: 54px;
     height: 54px;
 }


 .index_en .product_box .new-1440 .product_list .product_title_item .product_title {
     line-height: 54px;
     letter-spacing: 0px;
     font-size: 14px;
 }

 .index_en .jjfabox .new-1440 .title {
     width: 45vw;
 }

 .index_en .jjfabox .new-1440 .title2 {
     line-height: 45px;
 }

 .index_en .aboutUsbox .new-1440 .aboutUs_top .aboutl .abouttitle_en {
     display: none;
 }

 .index_en .khxlxzbox .new-1440 .morebox {
     line-height: 1.8;
 }


 .index_en .NewsAndShzrbox .new-1440 .Newsbox .titlebox .titlebox {
     align-items: center;
 }

 .index_en .NewsAndShzrbox .new-1440 .Newsbox .titlebox .titlebox .icon::before {
     top: calc(50% - 5px);
 }

 .index_en .NewsAndShzrbox .new-1440 .Newsbox .titlebox .titlebox .icon::after {
     top: calc(50%);
 }

 .index_en .NewsAndShzrbox .new-1440 .Shzrbox .titlebox .titlebox .icon::before {
     top: calc(50% - 5px);
 }

 .index_en .NewsAndShzrbox .new-1440 .Shzrbox .titlebox .titlebox .icon::after {
     top: calc(50%);
 }


 .index_en .NewsAndShzrbox .new-1440 .Newsbox .Newsitembox .itembox .textbox .morebox {
     width: 53px;
 }

 .index_en .aboutUsbox .new-1440 .aboutUs_top .aboutl .aboutUs_text2 {
     margin-top: 30px;
 }

 .html_en footer .new-1440 .footer_box_middle .middle_right {
     width: 100%;
 }

 .html_en footer .new-1440 .footer_box_top {
     display: block;
 }

 .html_en footer .new-1440 .footer_box_top .top {
     display: flex;
     justify-content: center;
     /* align-items: center; */
 }

 .html_en footer .new-1440 .footer_box_top .top .top_left {
     width: 40%;
 }

 .html_en footer .new-1440 .footer_box_top .top .top_right {
     width: 60%;
 }

 .html_en footer .new-1440 .footer_box_top .top_right .lxwmbox {
     margin: 0;
 }

 .html_en footer .new-1440 .footer_box_top .footer_text {
     color: #666666;
     font-size: 12px;
     text-align: left;
     margin-bottom: 30px;
 }

 .html_en footer .new-1440 .footer_box_middle .middle_right {
     justify-content: space-between;
     padding: 0;
 }

 .html_en footer .new-1440 .footer_box_bottom {
     margin-top: 80px;
 }

 /* 宽度1440 */
 @media (max-width: 768px) {
     .new-1440 {
         width: 100%;
     }

     header .pc_daohangbox {
         display: none;
     }

     header .h5_navbox {
         display: block;
         position: fixed;
         top: 0;
         width: 100%;
         z-index: 100;
         left: 0;
         height: 71px;
         padding: 0 10px;
         background: #ffffff;
         justify-content: space-between;
         display: inline-flex;
         align-items: center;
     }

     header .h5_navbox .logo {
         width: 142px;
     }

     header .h5_navbox .logo img {
         width: 100%;
     }

     header .h5_navbox .companyname a {
         color: #333333;
         font-size: 16px;
     }



     header .bannerbox {
         margin-top: 71px;
         height: auto;
     }

     .product_box {
         padding: 0 5px;
     }

     .product_box .new-1440 .titlebox .title {
         font-size: 14px;
     }

     .product_box .new-1440 .product_list .mySwiper .swiper-wrapper .swiper-slide .product_title_item .product_title {
         font-size: 12px;
         letter-spacing: 3px;
     }

     .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide .product_item_box .product_item_list .product_item {
         width: 48%;
     }

     .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide-active .product_item_box .product_banner img {
         width: 100%;
     }

     .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide .product_item_box .product_banner img {
         width: 100%;
     }

     .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide .product_item_box .product_banner .textbox .text_en {
         display: none;

     }

     .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide .product_item_box .product_banner .textbox .text {
         text-align: left;
         font-size: 16px;
         color: #ffffff;
         font-weight: bold;
         line-height: 1.8;
         position: absolute;
         top: 13px;
         left: 11.8055555555%;
         z-index: 100;
     }

     .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide .product_item_box .product_item_list .product_item a .imgbox {
         height: 30vw;
     }

     .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide .product_item_box .product_item_list .product_item a .prroduct_text_title {
         line-height: 35px;
         font-size: 14px;
     }


     .jjfabox {
         height: 316px;
     }

     .jjfabox .new-1440 {
         padding-top: 40px;
     }

     .jjfabox .new-1440 .title {
         width: 100%;
         font-size: 18px;
     }

     .jjfabox .new-1440 .title2 {
         width: 100%;
         font-size: 18px;
         font-weight: bold;
     }

     .jjfabox .new-1440 .jianjie {
         width: 100%;
         font-size: 12px;
         margin: 20px auto 0;
     }

     .jjfabox .new-1440 .morebox {
         font-size: 12px;
         height: 36px;
         line-height: 36px;
         margin: 30px auto 0;
     }

     .aboutUsbox {
         padding: 45px 5px;
     }

     .aboutUsbox .new-1440 .aboutUs_top .aboutl {
         width: 100%;
     }

     .aboutUsbox .new-1440 .aboutUs_top .aboutl .abouttitle_en {
         font-size: 18px;
     }

     .aboutUsbox .new-1440 .aboutUs_top .aboutl .aboutUs_title {
         font-size: 18px;
     }

     .aboutUsbox .new-1440 .aboutUs_top .aboutl .aboutUs_text1 {
         font-size: 12px;
         margin-top: 25px;
     }

     .aboutUsbox .new-1440 .aboutUs_top .aboutl .aboutUs_text2 {
         font-size: 12px;
         margin-top: 25px;
     }

     .aboutUsbox .new-1440 .aboutUs_top .aboutr {
         width: 100%;
         margin-bottom: 80px;
     }

     .aboutUsbox .new-1440 .aboutUs_top .aboutr .imgbox img {
         width: 100%;
     }

     .aboutUsbox .new-1440 .aboutUs_top .morebox {
         width: 125px;
         height: 40px;
         background: #bb1219;
         color: #ffffff;
         border-radius: 6px;
         box-shadow: #e5e5e5 0px 0px 10px;
         line-height: 40px;
         position: absolute;
         left: 50%;
         bottom: 0;
         transform: translateX(-50%);

     }

     .aboutUsbox .new-1440 .aboutUs_top .morebox a .more {
         font-size: 14px;
     }

     .aboutUsbox .new-1440 .aboutUs_bottom {
         display: none;
     }

     .khxlxzbox {
         padding: 20px 0 50px;
     }

     .khxlxzbox .new-1440 .titlebox .titleBottom .num {
         font-size: 28px;
     }

     .khxlxzbox .new-1440 .titlebox .titleBottom .text {
         font-size: 18px;
     }

     .khxlxzbox .new-1440 .contentbox {
         margin: 30px 0 0 0;
         padding: 0 5px;
     }

     .khxlxzbox .new-1440 .contentbox .itembox {
         width: 48%;
     }

     .khxlxzbox .new-1440 .morebox {
         width: 200px;
         height: 36px;
         text-align: center;
         background: #bb1219;
         font-size: 14px;
         border-radius: 31px;
         letter-spacing: 5px;
         line-height: 36px;
         margin: 50px auto 0;
         animation: tiaodong 1s infinite;
     }

     .NewsAndShzrbox .new-1440 .Newsbox {
         width: 100%;
         padding: 0 5px;
     }

     .NewsAndShzrbox .new-1440 .Newsbox .titlebox .titlebox {
         font-size: 18px;
     }

     .NewsAndShzrbox .new-1440 .Newsbox .titlebox .titlebox .icon {
         width: 30px;
         height: 30px;
     }

     .NewsAndShzrbox .new-1440 .Newsbox .titlebox .titlebox .icon::before {
         top: 50%;
         right: 12px;
     }

     .NewsAndShzrbox .new-1440 .Newsbox .titlebox .titlebox .icon::after {
         width: 20px;
         top: calc(50% + 5px);
     }

     .NewsAndShzrbox .new-1440 .Newsbox .Newsitembox {
         margin: 0;
         transform: translateX(-100%);
         opacity: 0;
     }

     .NewsAndShzrbox .new-1440 .Newsbox .Newsitembox .itembox {
         flex-wrap: wrap;
     }

     .NewsAndShzrbox .new-1440 .Newsbox .Newsitembox .itembox .imgbox {
         width: 100%;
         height: auto;
         margin: 0;
     }

     .NewsAndShzrbox .new-1440 .Newsbox .Newsitembox .itembox .imgbox img {
         margin: 0;
     }

     .NewsAndShzrbox .new-1440 .Newsbox .Newsitembox .itembox .textbox {
         width: 100%;
     }

     .NewsAndShzrbox .new-1440 .Newsbox .Newsitembox .itembox .textbox .titlebox a {
         font-size: 13px;
     }

     .NewsAndShzrbox .new-1440 .Newsbox .Newsitembox .itembox .textbox .morebox {
         width: 160px;
     }

     .NewsAndShzrbox .new-1440 .Shzrbox {
         width: 100%;
         padding: 0 5px;
         margin-top: 40px;
     }

     .NewsAndShzrbox .new-1440 .Shzrbox .titlebox .titlebox_en {
         font-size: 18px;
     }

     .NewsAndShzrbox .new-1440 .Shzrbox .titlebox .titlebox {
         font-size: 18px;
     }

     .NewsAndShzrbox .new-1440 .Shzrbox .titlebox .titlebox .icon {
         width: 30px;
         height: 30px;
     }

     .NewsAndShzrbox .new-1440 .Shzrbox .titlebox .titlebox .icon::before {
         top: 50%;
         right: 12px;
     }

     .NewsAndShzrbox .new-1440 .Shzrbox .titlebox .titlebox .icon::after {
         width: 20px;
         top: calc(50% + 5px);
     }

     .NewsAndShzrbox .new-1440 .Shzrbox .Shzritembox .itembox .itemleft {
         width: 120px;
         padding-right: 10px;
     }

     .NewsAndShzrbox .new-1440 .Shzrbox .Shzritembox .itembox .itemleft .imgbox {
         width: 109px;
         height: 109px;
     }

     .NewsAndShzrbox .new-1440 .Shzrbox .Shzritembox .itembox .itemright {
         padding-left: 10px;
     }

     .NewsAndShzrbox .new-1440 .Shzrbox .Shzritembox .itembox .itemright::before {
         width: 8px;
         height: 8px;
         top: 8px;
         left: -5px;
         border-radius: 100%;
     }

     .NewsAndShzrbox .new-1440 .Shzrbox .Shzritembox .itembox .itemright .line {
         height: 2px;
     }

     .NewsAndShzrbox .new-1440 .Shzrbox .Shzritembox .itembox .itemright .morebox {
         margin-top: 15px;
         height: 30px;
     }

     .NewsAndShzrbox .new-1440 .Shzrbox .Shzritembox .itembox .itemright .morebox a {
         line-height: 30px;
     }


     /* 脚部 */
     footer .new-1440 .footer_box_top {
         display: none;
     }

     footer .new-1440 .footer_box_middle {
         padding-top: 0;
     }

     footer .new-1440 .footer_box_middle .middle_left {
         width: 100%;
     }

     footer .new-1440 .footer_box_middle .middle_right {
         display: none;
     }

     footer .new-1440 .footer_box_bottom {
         flex-wrap: wrap;
         height: auto;
         font-size: 12px;
     }

     footer .new-1440 .footer_box_bottom .bqbox {
         line-height: 1.8;
     }

     footer .new-1440 .footer_box_bottom .jszcbox {
         line-height: 1.8;
     }

     footer .new-1440 .footer_box_bottom .beianbox {
         width: 100%;
         line-height: 1.8;
     }

     /* 右侧栏 */
     .toTopbox {
         display: none;
     }

     .toTopbox2 {
         display: none;
     }

     .footer_nav {
         display: block;
         position: fixed;
         bottom: 0;
         width: 100%;
         z-index: 100;
         left: 0;
         background: #ffffff;
     }

     .footer_nav .itembox {
         width: 100%;
         height: 50px;
         display: flex;
         padding-top: 5px;
     }


     .footer_nav .itembox .item {
         width: 20%;
     }

     .footer_nav .itembox .item .icon {
         width: 26px;
         height: 26px;
         margin: 0 auto;
     }

     .footer_nav .itembox .item .icon img {
         width: 100%;
     }

     .footer_nav .itembox .item .text {
         font-size: 12px;
         margin: auto;
         text-align: center;
         color: #666666;
     }

     /* 英文版 */

     .index_en .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide .product_item_box .product_banner .textbox .text {
         text-align: left;
         font-size: 12px;
         color: #ffffff;
         font-weight: bold;
         position: absolute;
         top: 13px;
         left: 11.8055555555%;
         z-index: 100;
         line-height: 1;
     }

     .index_en .product_box .new-1440 .product_list .mySwiper2 .swiper-wrapper .swiper-slide .product_item_box .product_banner .textbox .text_en {
         display: block;
         text-align: left;
         font-size: 12px;
         color: #ffffff;
         font-weight: normal;
         line-height: 1;
         position: absolute;
         top: 43px;
         left: 11.805556%;
         z-index: 100;
     }

     .index_en .jjfabox {
         height: 394px;
     }

     .index_en .jjfabox .new-1440 .title {
         width: 95vw;
     }

     .index_en .jjfabox .new-1440 .title2 {
         font-size: 16px;
         line-height: 20px;
     }

     .index_en .khxlxzbox .new-1440 .morebox {
         line-height: 1.2;
     }

     .jjfabox .new-1440 .jianjie {
         line-height: 1.6;
     }

     .html_en footer .new-1440 .footer_box_top .top {
         flex-wrap: wrap;
     }

     .html_en footer .new-1440 .footer_box_top .top .top_left {
         width: 100%;
     }

     .html_en footer .new-1440 .footer_box_top .top .top_right {
         width: 100%;
     }

     .html_en footer .new-1440 .footer_box_top .top_right .lxwmbox {
         flex-wrap: wrap;
     }

     .html_en footer .new-1440 .footer_box_top .top_right .lxwmbox .itembox {
         width: 100%;
     }
 }